﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ForgotPassword.aspx.cs" Inherits="GPSTrackingWebsiteManager.ForgotPassword" %>

<!DOCTYPE html>

<link href="Css/GPSTrackingWebsite.css" rel="stylesheet" />
<script src="Javascript/WindowMessageManager.js"></script>
<link href="Css/messi.css" rel="stylesheet" />
<script src="Javascript/jquery-1.11.1.min.js"></script>
<script src="Javascript/messi.js"></script>
<script src="Javascript/Custom.js"></script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
     //Windows Message Manager 
        var objWindowsMessageManager = new WindowsMessageManager(); 
    </script>    
    
    <%--Custom Styles--%>
    <style type="text/css">
        .style1
        {
            width: 500px;
        }
        .style2
        {
            text-align: left;
        }
        .style3
        {
            width: 380px;
        }
        .style4
        {
            color: #FFFFFF;
        }
        .style5
        {
            text-align: center;
        }

        .background
        {
            background-image: url('../Template/Background/7hoto_W8-release-preview.jpg');
            background-attachment: fixed;
        }

       

    </style>
</head>
<body class="sessionFinished-Background">
    <form id="form1" runat="server">    
         <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadInputManager ID="RadInputManager1" runat="server">
            <telerik:RegExpTextBoxSetting IsRequiredFields="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
                <TargetControls>
                    <telerik:TargetInput ControlID="txtEmail" />
                </TargetControls>
                <Validation IsRequired="True" />
            </telerik:RegExpTextBoxSetting>
        </telerik:RadInputManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">          
        </telerik:RadAjaxManager>
     <div align="center" style="padding-top:30px">       
      <div class="colorWhite curved" style="width:600px; height:430px;">         
          <br />
          <h2>He olvidado mi contraseña</h2>
          <br />
          <table class="style1">
              <tr>
                  <td class="style2" colspan="2">
                      Para enviar tu contraseña, introduce el email que utilizó para registrarse como usuario.</td>
              </tr>
              <tr>
                  <td class="style2">
                      <h3>
                          Email:</h3>
                  </td>
                  <td class="style3">
                      <asp:TextBox ID="txtEmail" runat="server" Width="300px"></asp:TextBox>
                  </td>
              </tr>
              <tr>
                  <td class="style2">
                      <h3>Captcha</h3>
                  </td>
                  <td class="style3">
                      <telerik:RadCaptcha ID="RadCaptcha1" Runat="server" CaptchaLinkButtonText="Nueva imagen" CaptchaTextBoxLabel="Digite las letras" Skin="" CaptchaTextBoxLabelCssClass="textColor-White">
                      </telerik:RadCaptcha>
                  </td>
              </tr>
              <tr>
                  <td class="style5" colspan="2">
                      <div align="center">
                      <div align="center">

                          <telerik:RadButton ID="btnBack" runat="server" Text="Regresar a la pantalla de logeo" OnClick="btnBack_Click">
                          </telerik:RadButton>
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           <telerik:RadButton ID="btnSendPassword" runat="server" Text="Enviar contraseña" OnClick="btnSendPassword_Click">
                          </telerik:RadButton>
                      </div>
                         
                      </div>
                  </td>
              </tr>
          </table>
          <br />
          <br />                
          <br />
          <br />
          <br />    
          <br />
          <br />
      </div>            
    </div>       
    </form>
</body>
</html>
